import React from 'react'
import { List,Switch } from 'antd-mobile';
import set from "../../assets/icon/设置.png"
import night from "../../assets/icon/夜间模式.png"
import clock from "../../assets/icon/定时关闭.png"
import musicClock from "../../assets/icon/闹钟.png"
import rig from "../../assets/icon/向右箭头.png"

class TagList extends React.Component{
    constructor(props) {
        super(props);
        this.state = {
          checked: false,
        //   checked1: true,
        };
      }

    render(){
        return(
            <div className="tag_list_1">
                    <div className="list_box">
                       <img src={set} className="icon_2"/>
                       <div className="list_2">
                        <p>设置</p>
                        <img src={rig}/>
                        </div>
                    </div>

                    <div className="list_box">
                        <img src={night} className="icon_2"/>
                       <div className="list_2">
                        <p>夜间模式</p>
                       <Switch
                                checked={this.state.checked}
                                onChange={() => {
                                    this.setState({
                                        checked: !this.state.checked,
                                    });
                                   
                                }}
                            />
                 </div>
                       
                    </div>

                    <div className="list_box">
                        <img src={clock} className="icon_2"/>
                        <div className="list_2">
                        <p>定时关闭</p>
                        <img src={rig}/>
                        </div>
                    </div>

                    <div className="list_box">
                       <img src={musicClock} className="icon_2"/>
                       <div className="list_2">
                       <p>音乐闹钟</p>
                        <img src={rig}/>
                       </div>
                       
                        </div>




                    </div>


              

        )
    }
}
export default TagList


